<template>
  <view style="padding: 40rpx;">
    <view class="des" v-for="(item, index) in des" :key="index" @tap="itemClick"><text style="font-weight: 700;color: #DF4B43;">【{{item.title}} 】</text>{{item.des}}</view>
    <view style="text-align: center;">
      <img class="img" show-menu-by-longpress="true" :src="src" alt="">
    </view>
  </view>
</template>

<script>
    import {mapGetters} from "vuex";
  export default {
    computed: mapGetters(['userInfo']),
    data() {
      return {
        des: [
          {
            title: '引流',
            des: '线上小程序抽奖是1对多，线下抽奖是多对1，从用户流量、操作过程来讲，线上引流方便了不是一点两点'
          },
          {
            title: '拉新促活',
            des: '通过抽奖活动名正言顺的拉取新用户、激活老用户；不是东西用不起，【抽奖】更有性价比，只要产品好，订单少不了'
          },
          {
            title: '降本',
            des: '更多的商品曝光量、更多线下成交机会，更多的库存流转，薄利多销，同比经营成本定能降低'
          }
        ],
        src: 'https://csqxtest.nangua.website/crmebimage/public/system/2023/11/25/ea87ca6d2e8e41b3b965ec4ef15dd9f9fz9914y6hn.jpg'
      }
    },
    onLoad(options) {
      if (options.id) {
        this.id = options.id
        if(this.id == 1) {
          uni.setNavigationBarTitle({
            title: '代开发'
          })
          this.des.push({
            title: '合作',
            des: '我们希望您在了解了小程序和结合自身业务后作出了这个决定，代开发即代表着您想要合作我们一整套的技术，本着合作共赢的态度，诚挚的邀请您添加我的微信交流合作事宜,长按图片即可添加，备注代理小程序'
          })
        } else {
          uni.setNavigationBarTitle({
            title: '0元入驻'
          })
          this.des.push({
            title: '合作',
            des: '我们希望您在了解了小程序和结合自身业务后作出了这个决定，入驻即代表着您将要加入我们成为商家，本着合作共赢的态度，诚挚的邀请您添加我的微信交流合作事宜,长按图片即可添加，备注入驻小程序'
          })
        }
      }
    },
    methods: {
      itemClick() {
        // if (this.userInfo && this.userInfo.relateId == 10) {
        //   uni.navigateTo({
        //     url: '/subpageC/tuiguang_good/tuiguang_good'
        //   })
        // }
      },
    }
  }
</script>

<style lang="scss">
.des, .content {
  font-size: 26rpx;
  margin: 20rpx;
  line-height: 40rpx}
.img {
  width: 300rpx;
  height: 300rpx;
}
</style>
